<div nz-row nzGutter="8">
    <div>
        <nz-card [nzBordered]="false" [nzNoPadding]="true" class="padding-left-right-5px">
            <ng-template #title>
                <span style="color: #49a9ee;">发布活动</span>
            </ng-template>
            <ng-template #body class="act-body-container">
                <div class="act-line-container">
                    <div class="act-line-title">
                        活动标题
                    </div>
                    <div class="act-input-ctrl">
                        <nz-input [(ngModel)]="activity.actName" [nzPlaceHolder]="'不超过22个字'"></nz-input>
                    </div>
                </div>
                <div class="act-line-container">
                    <div class="act-line-title">
                        活动类型
                    </div>
                    <div class="act-input-ctrl">
                        <nz-select class="act-select-ctrl" [(ngModel)]="activity.actType" [nzPlaceHolder]="'请选择'"
                                   nzAllowClear>
                            <nz-option
                                *ngFor="let option of dictData.act_type"
                                [nzLabel]="option.key"
                                [nzValue]="option.key">
                            </nz-option>
                        </nz-select>
                    </div>
                </div>
                <div class="act-line-container">
                    <div class="act-line-title">
                        赞助预算
                    </div>
                    <div class="act-input-ctrl">
                        <nz-input-number [(ngModel)]="activity.actMoney" [nzMin]="300" [nzMax]="999999999"
                                         [nzStep]="100" [nzPlaceHolder]="'预算'"></nz-input-number>
                        <!--<nz-input [(ngModel)]="activity.actMoney" [nzPlaceHolder]="'请输入资金（元）'"></nz-input>-->
                    </div>
                </div>
                <div style="color: brown" class="act-tips">此处是预算值，商家在确认合同时可修改</div>
                <!--<div class="act-tips">如使用辛易宝资金担保系统交易将免费获得价值188元的全网新闻营销套餐 <a>(查看套餐详情) </a></div>-->
                <div class="act-line-container">
                    <div class="act-line-title">
                        预付比例
                    </div>
                    <div class="act-input-ctrl">
                        <nz-radio-group [(ngModel)]="activity.actProportion">
                            <ng-container *ngFor="let item of dictData.act_proportion">
                                <label nz-radio [nzValue]="item.key">
                                    <span>{{item.key}}</span>
                                </label>
                            </ng-container>
                        </nz-radio-group>
                    </div>
                </div>
                <div class="act-line-container">
                    <div class="act-line-title">
                        赞助物资
                    </div>
                    <div class="act-checkbox-ctrl">
                        <nz-checkbox-group [(ngModel)]="actMaters">

                        </nz-checkbox-group>

                    </div>
                </div>
                <div class="act-line-container">
                    <div class="act-line-title">
                        选择城市
                    </div>
                    <nz-cascader
                        [nzExpandTrigger]="'hover'"
                        [nzOptions]="_options"
                        [(ngModel)]="_value"
                        [nzPlaceHolder]="'请选择城市'"
                        >
                    </nz-cascader>
                </div>
                <div class="act-line-container">
                    <div class="act-line-title">
                        起止时间
                    </div>
                    <div class="act-input-ctrl">
                        <nz-datepicker [(ngModel)]="begin"
                                       [nzPlaceHolder]="'请选择开始日期'" [nzDisabledDate]="_disabledDate"></nz-datepicker>
                        ~
                        <nz-datepicker [(ngModel)]="end"
                                       [nzPlaceHolder]="'请选择结束日期'" [nzDisabledDate]="_disabledDate"></nz-datepicker>
                    </div>
                </div>
                <div class="act-line-container">
                    <div class="act-line-title">
                        参与人数
                    </div>
                    <div class="act-input-ctrl">
                        <nz-select class="act-select-ctrl" [(ngModel)]="activity.actNum" [nzPlaceHolder]="'请选择'"
                                   nzAllowClear>
                            <nz-option
                                *ngFor="let option of dictData.act_num"
                                [nzLabel]="option.key"
                                [nzValue]="option.key">
                            </nz-option>
                        </nz-select>
                    </div>
                </div>
                <div class="act-line-container">
                    <div class="act-line-title">
                        宣传方式
                    </div>
                    <div class="act-checkbox-ctrl">
                        <nz-checkbox-group [(ngModel)]="actPropaWays">

                        </nz-checkbox-group>
                    </div>
                </div>
                <div class="act-line-container">
                    <div class="act-line-title">
                        活动反馈
                    </div>
                    <div class="act-checkbox-ctrl">
                        <nz-checkbox-group [(ngModel)]="actFeedbacks">

                        </nz-checkbox-group>
                    </div>
                </div>
                <div class="act-line-container">
                    <div class="act-line-title">
                        活动详情
                    </div>
                    <div class="act-input-ctrl">

                    </div>
                </div>
                <ckeditor [(ngModel)]="ckeditorContent" debounce="500" [config]="config">
                </ckeditor>

                <div style="padding-top: 2px;width:100%;display:flex;justify-content: center">
                    <button nz-button (click)="publishActivity()" [nzLoading]="loading">发布</button>
                </div>

            </ng-template>
        </nz-card>
    </div>
</div>

